initPage();
function initPage(){
    // 用来自动计算不同屏幕尺寸下的1rem大小
    // 1、获取html元素
    const html = document.documentElement;
    // 2、通过html元素获取当前页面的宽（设备宽
    // 用来限制布局的内容最大宽度不得超过540px
    const clientWidth = Math.min(html.clientWidth,540);

    // 3、计算1rem的大小，将页面分成10份
    const rem = clientWidth / 10 + 'px';
    // 4、设置html的font-size的大小
    html.style.fontSize = rem;
}

// 设置一个监听事件，resize当前屏幕尺寸发生变化时，进行操作
window.addEventListener("resize",initPage)